<template>
  <el-container>
    <el-header class="bg-dark">
      <MainHeader />
    </el-header>
    <el-main class="p-0">
      <keep-alive>
        <router-view />
      </keep-alive>
    </el-main>
    <el-footer class="p-0" style="height: 240px;">
      <MainFooter />
    </el-footer>
  </el-container>
</template>
<script>
import MainHeader from './MainHeader'
import MainFooter from './MainFooter'
export default {
  name: 'home',
  title: '首页',
  components: {
    MainHeader,
    MainFooter
  },
  data() {
    return {}
  },
  mounted() {
    if (window.performance) {
      var timeSincePageLoad = Math.round(performance.now())
      console.log('总计耗时：', timeSincePageLoad)
    }
  }
}
</script>
<style lang="scss">
</style>
